﻿<!DOCTYPE html>

<head>
<meta charset="utf-8"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no">
<title>北方血管病医院</title>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/bnbg2.css" />
<link rel="stylesheet" href="css/mplus.css" />
</head>
<body>
<div id="wrap" class="main">
  <header>
    <h1><a href="#"><img src="img/logo_bnbg.png"  /></a></h1>
    <div class="top_menu">
      <ul>
        <li class="top_show"><a href="#none"><img src="img/btn_balloon.png"  /></a></li>
        <li class="show_menu"><a href="#none"><img src="img/btn_menu.png"  /></a></li>
      </ul>
    </div>
  </header>
  <meta name="format-detection" content="telephone=no">
  <div class="head_menu" style="display: none;">
    <div class="hm_title">
      <p>北方血管病咨询中心</p>
      <a href="#none" class="hm_close"><img src="img/m_close.png"  /></a> </div>
    <ul class="hm_menu">
      <li> <a href="tel:045182521356"> <span><img src="img/t_ico01_cn.png"  /></span> <span>疾病咨询</span> </a> </li>
      <li> <a href="tel:045182521356"> <span><img src="img/t_ico01_ko.png"  /></span> <span>预约咨询</span> </a> </li>
      <li> <a href="#"> <span><img src="img/t_ico04.png"  /></span> <span>手术前咨询</span> </a> </li>
      <li> <a href="#"> <span><img src="img/t_ico05.png"  /></span> <span>来院路线</span> </a> </li>
    </ul>
    <div class="qq_quick"> <a target="_blank" href="#" class="qq_wrap"> <span>
      <p>医师QQ : </p>
      <p>123456789</p>
      </span> <span><img src="img/qq_icon.png"  /></span> </a> </div>
    <div class="we_quick">
      <div class="qq_wrap"> <span>
        <p>官方微信 :</p>
        <p>123456789</p>
        </span> <span><img src="img/we_icon.png"  /></span> </div>
    </div>
  </div>
  <nav id="menu" style="right: -200px;"> <a href="#none" class="m_close" style="display: none"><img src="img/menu_close.png"  /></a>
    <div class="menus" id="sc_wrapper">
      <div id="scroller">
        <ul class="menu_btn_box">
          <li class="t_menu tm01"> <a href="#none">关于北方</a>
            <ul class="submenu" style="display: none">
              <li><a href="#">医院简介</a></li>
               <li><a href="#">医院简介</a></li>
            </ul>
          </li>
          <li class="t_menu tm02"> <a href="#none">医师团队</a>
            <ul class="submenu" style="display: none">
              <li><a href="#">外科医师</a></li>
               <li><a href="#">医院简介</a></li>
            </ul>
          </li>
          <li class="t_menu tm03"> <a href="#none">其他</a>
            <ul class="submenu" style="display: none">
              <li><a href="#" class="ls3">其他</a></li>
               <li><a href="#">医院简介</a></li>
            </ul>
          </li>
          <li class="t_menu tm04"> <a href="#none">其他</a>
            <ul class="submenu" style="display: none">
              <li><a href="#" class="ls2">其他</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="shadow_nav">&nbsp;</div>
  <div class="visualbox">
    <section class="contents">
      <div class="swiper-container">
        <ul class="swiper-wrapper">
          <li class="swiper-slide photo12" title="tab0"> <a href="#">
            <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
             
            </div>
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab0"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab1"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab2"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab3"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab4"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab5"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab6"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab7"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab8"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
            <li class="swiper-slide photo12" title="tab9"> <a href="#">
              <div class="wide" style="background:url(img/db_jaw_img01_w.png) no-repeat center;background-size:640px 387px;">
            </a> 
           </li>
        
        </ul>
        <div class="pagination"></div>
      </div>
    </section>
    <div class="ad">
      <ul class="m_ico">
        <li class="tab0 on"><a href="#" id="a1">
          <p class="btn_txt"><span>静脉曲张</span></p>
          <p class="ad_text"><span>静脉曲张</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab1"><a href="#" id="a2">
          <p class="btn_txt"><span>瓣功能不全</span></p>
          <p class="ad_text"><span>瓣功能不全</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab2"><a href="#" id="a3">
          <p class="btn_txt"><span>老烂腿</span></p>
          <p class="ad_text"><span>老烂腿</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab3"><a href="#" id="a4">
          <p class="btn_txt"><span>静脉炎</span></p>
          <p class="ad_text"><span>静脉炎</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab4"><a href="#" id="a5">
          <p class="btn_txt"><span>静脉血栓</span></p>
          <p class="ad_text"><span>静脉血栓</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab5"><a href="#" id="a6">
          <p class="btn_txt"><span>脉管炎</span></p>
          <p class="ad_text"><span>脉管炎</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab6"><a href="#" id="a7">
          <p class="btn_txt"><span>动脉硬化闭塞症</span></p>
          <p class="ad_text"><span>动脉硬化闭塞症</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab7"><a href="#" id="a8">
          <p class="btn_txt"><span>糖尿病足</span></p>
          <p class="ad_text"><span>糖尿病足</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab8"><a href="#" id="a9">
          <p class="btn_txt"><span>动脉血栓</span></p>
          <p class="ad_text"><span>动脉血栓</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
        <li class="tab9"><a href="#" id="a10">
          <p class="btn_txt"><span>雷诺氏症</span></p>
          <p class="ad_text"><span style="font-size: 9px;">雷诺氏症</span> <img src="img/slide_arr.png"  /></p>
          </a></li>
      </ul>
    </div>
    <ul class="s_control">
      <li><a href="#" class="prev"><img src="img/btn_prev.png"  /></a></li>
      <li><a href="#" class="stop"><img src="img/btn_stop.png"  /></a></li>
      <li><a href="#" class="play" style="display: none"><img src="img/btn_play.png"  /></a></li>
      <li><a href="#" class="next"><img src="img/btn_next.png"  /></a></li>
    </ul>
    <!--// 재생정지 버튼 --> 
  </div>
  <ul class="counsel_01">
    <!-- 상담 -->
    <li> <a href="#" class="banner_id" target="_blank"> <span class="co_tit">
      <p style="padding:9px 0">马上咨询<br/></p>
      </span> <span class="co_ico"> </span> </a> </li>
    <li> <a href="#" class="banner_id"> <span class="co_tit">
      <p>疾病</p>
      <p>咨询</p>
      </span> <span class="co_ico"> <img src="img/t_ico04.png"  /> </span> </a> </li>
    <li> <a href="#" class="banner_id"> <span class="co_tit">
      <p>医师 QQ</p>
      <p>在线咨询</p>
      </span> </a> </li>
  </ul>
  <ul class="counsel_02">
    <li> <a href="tel:045182521356" class="banner_id"> <span class="co_tit">
      <p>疾病</p>
      <p>电话咨询</p>
      </span> <span class="co_ico"> <img src="img/t_ico01.png"  /> </span> </a> </li>
    <li> <a href="tel:045182521356" class="banner_id"> <span class="co_tit">
      <p>预约</p>
      <p>电话咨询</p>
      </span> <span class="co_ico"> <img src="img/t_ico01.png"  /> </span> </a> </li>
  </ul>
  <section class="delegate"> <img src="img/main_img_selfcam.jpg" class="main_img"  />
    <div class="t_wrap">
      <div class="let_box">
        <div>
          <p class="let_title2">北方血管病医院</p>
          <p class="let_text">哈尔滨北方血管病医院是一家集科研、教学、临床医疗<br/>
            预防保健为一体的医保定点医疗机构。<span>!</span></p>
          <p class="let_go"><img src="img/ico_go.png"  /></p>
        </div>
      </div>
    </div>
    <a href="#" class="let_click"></a> </section>
  <section class="bnbg_visit">
    <div class="s_visit"> <img src="img/star_visit.png"  />
      <div class="t_wrap">
        <div class="let_box">
          <div>
            <p class="let_title">诊疗设备</p>
            <p class="let_text">帮助病患者远离疾病苦恼</p>
          </div>
        </div>
      </div>
      <a href="#" class="let_click"></a> </div>
    <div class="s_visit"> <img src="img/star_visit02.png"  />
      <div class="t_wrap">
        <div class="let_box">
          <div>
            <p class="let_title">医院位置</p>
            <p class="let_text">哈尔滨市道里区经纬街18号</p>
          </div>
        </div>
      </div>
      <a href="#" class="let_click"></a> </div>
  </section>
    <section class="delegate2"> <img src="img/jiaoshou.jpg" class="main_img1"  />
    <div class="t_wrap1">
      <div class="let_box1">
        <div>
          <p class="let_title2">医师团队</p>
          <p class="let_text1">医者仁术，医术贵于精，非精不能专，必精而专。作为一名血管病医生，对于血管病的治疗技术必须精益求精，还患者和家属一份安心。<span>!</span></p>
          <p class="let_go1"><img src="img/ico_go.png"  /></p>
        </div>
      </div>
    </div>
    <a href="#" class="let_click1"></a> </section>
  <div class="wrap_640">
    <h2 class="mid_title"><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span><span class="t_gap02">-</span> <span class="m_baf">北方血管病的故事</span> <span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span><span class="t_gap01">-</span></h2>

    <div class="r_story">
      <div class="story01"> <a href="#"> <img src="img/r_img01.jpg" class="bimg"  />
        <p class="r_button"><a href="#none">真实的故事</a><span>&gt;</span></p>
        </a> </div>
      <div class="story01 last"> <a href="#"> <img src="img/r_img02.jpg" class="bimg"  />
        <p class="r_button"><a href="#none">真实的故事</a><span>&gt;</span></p>
        </a> </div>
      <span class="wbar">&nbsp;</span> </div>

    <div class="etc_btn">
      <div class="special"> <a href="#" class="spc_button"><span class="sbt01">静脉曲张患者李女士</span></a> </div>
      <div class="special"> 
    
        <a href="#" class="spc_button"><span class="sbt01"><span>静脉曲张患者李女士</span></span></a> </div>
    </div>

  </div>
</div>
<footer> 

  <address>
  北方血管病医院<br />
  哈尔滨市道里区经纬街18号（哈尔滨儿童电影院旁）<br />
  Copyright ⓒ 201 All rights Reserved
  </address>
  <div class="footer_btm"> <a href="#" class="pc"> <span>PC客户端</span><img src="img/f_right.png"  /> </a> <a href="#none" class="up"> <span>回到顶部</span><img src="img/f_up.png"  /> </a> </div>
</footer>


<script src="js/jquery.1.8.3.min.js"></script> 
<script src="js/jquery.easing.1.3.min.js"></script> 
<script src="js/idangerous.swiper.js"></script> 
<script src="js/iscroll.js"></script> 
<script src="js/common.js"></script> 







<script type="text/javascript">
$(document).ready(function() {

$('#a1').click(function () { mySwiper.swipeTo(0, 500, true); });
$('#a2').click(function () { mySwiper.swipeTo(2, 500, true); });
$('#a3').click(function () { mySwiper.swipeTo(3, 500, true); });
$('#a4').click(function () { mySwiper.swipeTo(4, 500, true); });
$('#a5').click(function () { mySwiper.swipeTo(5, 500, true); });
$('#a6').click(function () { mySwiper.swipeTo(6, 500, true); });
$('#a7').click(function () { mySwiper.swipeTo(7, 500, true); });
$('#a8').click(function () { mySwiper.swipeTo(8, 500, true); });
$('#a9').click(function () { mySwiper.swipeTo(9, 500, true); });
$('#a10').click(function () { mySwiper.swipeTo(10 , 500, true); });
// Play
$('.play').click(function () {
	mySwiper.startAutoplay();
	$('.stop').show();
	$('.play').hide();
});
// stop
$('.stop').click(function () {
	mySwiper.stopAutoplay();
	$('.stop').hide();
	$('.play').show();
});
// prev
$('.prev').on('click', function(e){
	e.preventDefault()
	mySwiper.swipePrev()
	$('.stop').show();
	$('.play').hide();
});
//next
$('.next').on('click', function(e){
	e.preventDefault()
	mySwiper.swipeNext()
	$('.stop').show();
	$('.play').hide();
});
});
// mySwiper
var mySwiper = new Swiper('.swiper-container', {
	pagination: '.pagination',
	paginationClickable: true, // navi
	loop: true,
	autoplay: 3000,
	onSlideChangeEnd: function () {
		//mySwiper.startAutoplay();
		try {
			mySwiper.stopAutoplay();
			mySwiper.params.autoplay = 4000;
			mySwiper.startAutoplay();
			var now = $('.swiper-slide-active').attr('title');
			$('.m_ico li').removeClass('on');
			$('.' + now).addClass('on');
		} catch (e) { }
	}
});
function resizeFrame(iframeObj){
	var innerBody = iframeObj.contentWindow.document.body;
	var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
	var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
	iframeObj.style.height = innerHeight;
	iframeObj.style.width = innerWidth;
	this.scrollTo(1,1);  
}
</script> 
<script src="js/jquery.touchSlider.js"></script> 
<script type="text/javascript">
$(document).ready(function() {// before & after slide
resizeIn();
	$("#touchSlider").touchSlider({
		flexible : true,
		speed : 300,
		paging : $("#touchSlider").next().find(".btn_page"),
		initComplete : function (e) {
			$("#touchSlider").next().find(".btn_page").each(function (i, el) {
				$(this).text("page " + (i+1));
			});
		},
		counter : function (e) {
			$("#touchSlider").next().find(".btn_page").removeClass("on").eq(e.current-1).addClass("on");
		}
	});
});
$(window).resize(function() {
	setTimeout(resizeIn,100);
});
window.onload = function() { 
	var main_top_slider = $(".main_top_slider ul li img").height();
	$("#touchSlider").css('height', main_top_slider);
	var beforeafter_slider = $(".beforeafter_slider ul li img").height();
	$("#touchSlider_beforeafter").css('height', beforeafter_slider);
	var beforeafter_slider_indi = $(".beforeafter_slider .btn_area button").height();
	$(".beforeafter_slider .btn_area").css('height', beforeafter_slider_indi);
};
function resizeIn() {
	var main_top_slider = $(".main_top_slider ul li img").height();
	$("#touchSlider").css('height', main_top_slider);
	$('.smart_solution ul li').css('height', $('.smart_solution ul li').width());
	var beforeafter_slider = $(".beforeafter_slider ul li img").height();
	$("#touchSlider_beforeafter").css('height', beforeafter_slider);
	$('.bbs02 li div.list_con_img img').css('height', $('.bbs02 li').width()*0.7);
	var beforeafter_slider_indi = $(".beforeafter_slider .btn_area button").height();
	$(".beforeafter_slider .btn_area").css('height', beforeafter_slider_indi);
};
</script>
<p align="right"> </p>
</body>
</html>